@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font-size:12px;  font-family:"宋体"; overflow:scroll;overflow-x:hidden; background:#fff;}
a:link{color:#000;text-decoration:none;}
a:hover{color:#000;text-decoration:none;}
p,form{padding:0;margin:0;}
h1,h2,h3{margin:0;}
ul{list-style:none;margin:0;padding:0;}
a img{border:0;}
.nullclear{clear:both;}
.clear{clear:both;}

.top{ width:100%; background:url(top_bg.gif) no-repeat center; text-align:center;}
.top .img-top{ width:1188px; padding-top:60px; padding-bottom:39px;}
.top-out{display:none;}
.top-nav-out{display:none;}
.menu{ margin-top:-15px; position:relative; z-index:999;
	list-style:none;
	height:76px;
	width:100%; background:url(menu_bg.png) no-repeat center;
}
.nav{
	list-style:none;
	height:76px;
	width:1200px;
	margin:0 auto;
}
.nav li{
	float:left;   width:150px;  text-align:center; 
	position:relative; 
}
.nav li a{display:block;
	color:#f7f9c7;  font-family: 'microsoft yahei'; font-size:16px;
	 margin-top:25px;
	blr:expression(this.onFocus=this.close());
	blr:expression(this.onFocus=this.blur());
	
}
.nav li a:focus{ 
	-moz-outline-style: none; 
}
.nav li a:hover{ color:#000; text-decoration: none;}
.nav li .sub-nav{
	position:absolute;
	top:75px; 
	left:4px;
	list-style:none;
	background-color:#c00808;
	display:none;
}
.nav li .sub-nav li{
	text-align:center;
	clear:left; border-bottom:1px #9b0101 solid;
	width:150px;
	height:45px; line-height:45px; margin-top:0;
	position:relative;
}
.nav li .sub-nav li a{
	height:45px;
	width:150px; font-size:14px;  font-family: 'microsoft yahei'; font-weight:normal;
	padding:0;
	display:inline-block;  margin-top:0;
}
.china{ width:150px; text-align:center;}
.eng{ width:150px; text-align:center; font-size:12px; color:#ffbe3d; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin-top:3px;}
.banner{ width:100%; text-align:center; margin-top:-15px; position:relative; z-index:0;}
.banner img{ width:100%;}
.why{ width:1200px; margin:0 auto; text-align:center; margin-top:15px;}
.why_con{ margin-top:30px;}
.performance{ width:100%; margin-top:35px;}
.per_title{ width:648px; height:164px; margin:0 auto;}
#colee_left{overflow:hidden; width:1200px; height:auto; margin:0px auto;}
.cp_gg_tu img{width:224px; height:168px;}
.per_con{ width:100%; background:#fdfadb; margin-top:25px;}
.per_con ul{ width:1200px; margin:0 auto; padding:20px 0;}
.per_con ul li{ float:left; width:224px; text-align:center; margin:0 8px 10px 8px;}
.per_con ul li a{ display:block; font-family: 'microsoft yahei'; color:#fff;}
.per_con ul li a:hover{ color:#FFFF00;}
a .per_text{ height:34px; font-size:14px; line-height:34px; margin-top:-34px; background:#000; filter:alpha(opacity=50); /*IE滤镜，透明度50%*/-moz-opacity:0.5; /*Firefox私有，透明度50%*/ opacity:0.5;/*其他，透明度50%*/ position:relative; z-index:999;}
a .per_text:hover{ height:34px; line-height:34px; margin-top:-34px; background:#c00808; filter:alpha(opacity=50); /*IE滤镜，透明度50%*/-moz-opacity:0.5; /*Firefox私有，透明度50%*/ opacity:0.5;/*其他，透明度50%*/ position:relative; z-index:999;}
.about{ width:1200px; margin:0 auto; margin-top:25px;}
.about_title{ text-align:center;}
.about_title img{ width:723px; height:164px;}
.about_con{ margin-top:25px;}
.video{ width:284px; float:left;}
.video img{ width:254px; height:161px;}
.about_text{ width:900px; float:right;}
.a_t{ font-family: 'microsoft yahei'; font-size:18px; color:#454343;}
.a_c{ margin-top:8px; line-height:28px; color:#727272; font-family: 'microsoft yahei'; font-size:14px;}
.a_c a{ color:#c00808;}
.a_c a:hover{ color:#000;}
.bottom_all{ width:100%; background:url(bottom_bg.gif) repeat-x; height:170px; margin-top:30px;}
.botttom{ width:1200px; margin:0 auto;  font-family: 'microsoft yahei'; color:#fff; font-size:14px;}
.yqlj{ width:1200px; height:36px; line-height:36px; overflow:hidden;}
.botttom a{ color:#fff; margin-left:8px; margin-right:8px;}
.botttom a:hover{ color:#FFFF00;}
.copyright{ text-align:center; line-height:32px; margin-top:18px;}


/* flexslider */
.flexslider{ width:100%; position:relative;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; margin-top:-15px;}
.slides{position:relative;z-index:1;}
.slides li{}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}


.two_main{ width:1200px; margin:0 auto; margin-top:30px;}
.table-out{width:650px;font-family: 'microsoft yahei'; font-size:14px; margin:0 auto; line-height:38px;}
.td-one{width:96px;}
.td-two{width:648px;}
.table-out input{width:450px; height:28px; line-height:28px; border:none; border:1px #c9c9c9 solid;}
.table-out textarea{width:445px; height:150px; line-height:28px; border:none; border:1px #c9c9c9 solid;}

#button{width:60px;}
#button2{width:60px;}
.feilei{ text-align:center;}
.feilei a{ padding:6px 12px; background:#cc0202; color:#fff; font-family: 'microsoft yahei'; font-size:14px; margin-right:15px; text-align:center;}
.feilei a.nnn,.feilei a:hover{ background:#000;}
.fl_con{ margin-top:15px;  font-family: 'microsoft yahei'; line-height:28px; color:#333; font-size:14px;}
.fl_con .title{ width:100%; height:30px; text-align:center}
.fl_con .info{ width:100%; height:30px; text-align:center; font-size:11px; color:#BBB}
.per_con2{ width:1200px; margin-top:25px;}
.per_con2 ul{ width:1200px; margin:0 auto; padding:20px 0;}
.per_con2 ul li{ float:left; width:224px; text-align:center; margin:0 8px 10px 8px;}
.per_con2 ul li a{ display:block; font-family: 'microsoft yahei'; color:#fff;}
.per_con2 ul li a:hover{ color:#FFFF00;}
.two_texr{ width:1200px; margin:0 auto; margin-top:25px; font-family: 'microsoft yahei'; font-size:14px; line-height:28px; color:#666666;}
.gs_title2{ font-size:18px; line-height:28px; margin-bottom:12px; font-weight:bold;}
.gs_title2 a{ color:#333333;}
.gs_title2 a:hover{ color:#0083de;}
.qy_wz2{ width:1000px; float:left; margin-left:20px;}
.qy{ margin-top:20px; border-bottom:1px #e1e1e1 solid; padding-bottom:20px; font-family: 'microsoft yahei';}
.qy_pic{ width:172px; float:left;}
.qy_pic img{ padding:3px; border:1px #dfdfdf solid;}
.qy_wz{ width:480px; float:left; margin-left:20px;}
.gs_title{ font-size:16px; line-height:28px;}
.gs_title a{ color:#f14302;}
.gs_title a:hover{ color:#000;}
.contact{ margin-top:25px;}
.map{ width:700px; float:left;}
.lx{ width:450px; float:right; line-height:28px; font-family: 'microsoft yahei'; font-size:14px; color:#333;}

@media screen and (max-width:1000px) {
body{ margin:0; padding:0; font-size:12px;  font-family:"宋体"; overflow:scroll;overflow-x:hidden; background:#fff;}
a:link{color:#000;text-decoration:none;}
a:hover{color:#000;text-decoration:none;}
p,form{padding:0;margin:0;}
h1,h2,h3{margin:0;}
ul{list-style:none;margin:0;padding:0;}
a img{border:0;}
.nullclear{clear:both;}
.clear{clear:both;}


.top{ overflow:hidden; width:100%; background:url(top_bg.gif) no-repeat center; text-align:center;}
.top .img-top{ display:none; width:94%; margin-top:0px; padding-top:6%; padding-bottom:6%;}
.top-out{display:block; width:94%; margin:auto; overflow:hidden; padding-top:6%; padding-bottom:6%;}
.top-left{ width:80%; float:left;}
.top-left img{width:100%; padding-top:1%;}
.top-right-nav{float:right; width:12%; padding-top:2%;}
.top-right-nav img{width:100%;}
.top-nav-out{display:!important; position:absolute; z-index:1000; right:10px; cursor:pointer;}
.top-nav-out ul{width:100px; background:#d50b09; position:relative; top:-40px;}
.top-nav-out ul li{ width:100px;height:30px; border-bottom:#f7f9c7 solid 1px; line-height:30px; text-align:center;}
.top-nav-out ul li a{color:#f7f9c7; font-size:16px;}
.menu{ display:none; margin-top:-15px; position:relative; z-index:999;
	list-style:none;
	height:76px;
	width:100%; background:url(menu_bg.png) no-repeat center;
}
.nav{
	list-style:none;
	height:76px;
	width:1200px;
	margin:0 auto;
}
.nav li{
	float:left;   width:150px;  text-align:center; 
	position:relative; 
}
.nav li a{display:block;
	color:#f7f9c7;  font-family: 'microsoft yahei'; font-size:16px;
	 margin-top:25px;
	blr:expression(this.onFocus=this.close());
	blr:expression(this.onFocus=this.blur());
	
}
.nav li a:focus{ 
	-moz-outline-style: none; 
}
.nav li a:hover{ color:#000; text-decoration: none;}
.nav li .sub-nav{
	position:absolute;
	top:75px; 
	left:4px;
	list-style:none;
	background-color:#c00808;
	display:none;
}
.nav li .sub-nav li{
	text-align:center;
	clear:left; border-bottom:1px #9b0101 solid;
	width:150px;
	height:45px; line-height:45px; margin-top:0;
	position:relative;
}
.nav li .sub-nav li a{
	height:45px;
	width:150px; font-size:14px;  font-family: 'microsoft yahei'; font-weight:normal;
	padding:0;
	display:inline-block;  margin-top:0;
}
.china{ width:150px; text-align:center;}
.eng{ width:150px; text-align:center; font-size:12px; color:#ffbe3d; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin-top:3px;}
.banner{ width:100%; text-align:center; margin-top:-15px; position:relative; z-index:0;}
.banner img{ width:100%;}
.why{ width:100%; margin:0 auto; text-align:center; margin-top:2%;}
.why_title{width:100%;}
.why_title img{width:100%;}
.why_con{ margin-top:3%;}
.why_con img{width:100%;}
.performance{ width:94%; margin:10px auto;}
.per_title{ width:70%; height:auto; margin:0 auto;}
.per_title img{width:90%;}

.per_con{ width:100%; background:#fdfadb; margin-top:10px;}
.per_con ul{ width:100%; margin:0 auto; padding:20px 0;}
#colee_left{overflow:hidden; width:100%; height:auto; margin:0px auto;}
.cp_gg_tu img{width:160px; height:115px;}
.per_con ul li{ float:left; width:150px; text-align:center; margin:0 8px 10px 8px;}
.per_con ul li a{ display:block; font-family: 'microsoft yahei'; color:#fff;}
.per_con ul li a:hover{ color:#FFFF00;}
a .per_text{ width:100%; margin:auto; height:34px; font-size:14px; line-height:34px; margin-top:-34px; background:#000; filter:alpha(opacity=50); /*IE滤镜，透明度50%*/-moz-opacity:0.5; /*Firefox私有，透明度50%*/ opacity:0.5;/*其他，透明度50%*/ position:relative; z-index:999;}
a .per_text:hover{ height:34px; line-height:34px; margin-top:-34px; background:#c00808; filter:alpha(opacity=50); /*IE滤镜，透明度50%*/-moz-opacity:0.5; /*Firefox私有，透明度50%*/ opacity:0.5;/*其他，透明度50%*/ position:relative; z-index:999;}
.about{ width:94%; margin:0 auto; margin-top:15px; overflow:hidden;}
.about_title{ text-align:center;}
.about_title img{width:60%; height:auto;}
.about_con{ margin-top:15px;}
.video{ display:none; width:90%; float:none;}
.video img{ width:100%; height:auto;}
.about_text{ width:100%; float:none;}
.a_t{ font-family: 'microsoft yahei'; font-size:18px; color:#454343; text-align:center; font-weight:bold;}
.a_c{ margin-top:8px; line-height:28px; color:#727272; font-family: 'microsoft yahei'; font-size:14px; text-indent:2em;}
.a_c a{ color:#c00808;}
.a_c a:hover{ color:#000;}
.bottom_all{ width:100%; background:#c00808; height:134px; padding-top:5px; margin-top:10px;}
.botttom{ width:94%; margin:0 auto;  font-family: 'microsoft yahei'; color:#fff; font-size:14px;}
.yqlj{ display:none; width:100%; height:36px; line-height:36px;}
.botttom a{ color:#fff; margin-left:8px; margin-right:8px;}
.botttom a:hover{ color:#FFFF00;}
.copyright{ text-align:center; line-height:30px; margin-top:5px;}


/* flexslider */
.flexslider{ width:100%; position:relative;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; margin-top:-15px;}
.slides{position:relative;z-index:1;}
.slides li{}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{ display:none; left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{ display:none;right:40px;background:url(../images/next.png) center center no-repeat;}


.two_main{ width:94%; margin:0 auto; margin-top:5%;}
.table-out{width:90%;font-family: 'microsoft yahei'; font-size:14px; margin:0 auto; line-height:38px;}
.td-one{width:20%;}
.td-two{width:70%;}
.table-out input{width:90%; height:28px; line-height:28px; border:none; border:1px #c9c9c9 solid;}
.table-out textarea{width:90%; height:150px; line-height:28px; border:none; border:1px #c9c9c9 solid;}
#button{width:30%;}
#button2{width:30%;}
.two_main img{width:80%; margin:auto;}
.feilei{ text-align:center;}
.feilei a{ padding:6px 12px; background:#cc0202; color:#fff; font-family: 'microsoft yahei'; font-size:14px; margin-right:15px; text-align:center;}
.feilei a.nnn,.feilei a:hover{ background:#000;}
.fl_con{ margin-top:5%;  font-family: 'microsoft yahei'; line-height:28px; color:#333; font-size:14px;}
.fl_con .title{ width:100%; height:30px; text-align:center; font-size:20px;}
.fl_con .info{ width:100%; height:30px; text-align:center; font-size:11px; color:#BBB}
.per_con2{ width:100%; margin-top:0px;}
.per_con2 ul{ width:100%; margin:0 auto; padding:20px 0;}
.per_con2 ul li{ float:left; width:48%; text-align:center; margin:0 1% 2% 1%;}
.per_con2 ul li img{width:100%; height:130px;}
.per_con2 ul li a{ width:100%; display:block; font-family: 'microsoft yahei'; color:#fff;}
.per_con2 ul li a:hover{ color:#FFFF00;}
.two_texr{ width:94%; margin:0 auto; margin-top:25px; font-family: 'microsoft yahei'; font-size:14px; line-height:28px; color:#666666;}
.gs_title2{ font-size:18px; line-height:28px; margin-bottom:12px; font-weight:bold;}
.gs_title2 a{ color:#333333;}
.gs_title2 a:hover{ color:#0083de;}
.qy_wz2{ width:80%; float:left; margin-left:3%;}
.qy{ margin-top:10px; border-bottom:1px #e1e1e1 solid; padding-bottom:10px; font-family: 'microsoft yahei';}
.qy_pic{ width:15%; float:left;}
.qy_pic img{ width:100%; height:auto; padding:3px; border:1px #dfdfdf solid;}
.qy_wz{ width:480px; float:left; margin-left:20px;}
.gs_title{ font-size:16px; line-height:28px;}
.gs_title a{ color:#f14302;}
.gs_title a:hover{ color:#000;}
.contact{ width:94%; margin-top:5%;}
.map{ display:none; width:90%; float:none;}
.lx{ width:90%; float:none; line-height:28px; font-family: 'microsoft yahei'; font-size:14px; color:#333;}
	
}
